<!DOCTYPE html>
<html lang="en">
<head>

	<meta charset="UTF-8">
	<title>Metronic - The Ultimate Bootstrap Admin Theme | Changelog</title>

	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

	<meta name="description" content="Metronic - #1 Selling Premium Bootstrap Admin Dashboard Theme of All Time. Build with Twitter Bootstrap 4, SASS, Angular 5. Trusted By Tens of Thousands Users."/>
	<link rel="canonical" href="https://keenthemes.com/"/>
	<meta property="og:locale" content="en_US"/>
	<meta property="og:type" content="website"/>
	<meta property="og:title" content="Premium Bootstrap Admin Themes"/>
	<meta property="og:description" content="Metronic - #1 Selling Premium Bootstrap Admin Theme of All Time. Build with Twitter Bootstrap 4, SASS, Angular 5. Trusted By Tens of Thousands Users."/>
	<meta property="og:url" content="https://keenthemes.com/"/>
	<meta property="og:site_name" content="Keenthemes"/>
	<meta property="article:publisher" content="https://www.facebook.com/keenthemes"/>
	<meta name="twitter:card" content="summary_large_image"/>
	<meta name="twitter:description" content="Metronic - #1 Selling Premium Bootstrap Admin Theme of All Time. Build with Twitter Bootstrap 4, SASS, Angular 5, Material Design. Trusted By Tens of Thousands Users."/>
	<meta name="twitter:title" content="Premium Bootstrap Admin Themes"/>
	<meta name="twitter:domain" content="Keenthemes"/>

	<link rel="shortcut icon" href="favicon.ico"/>

	<link rel="stylesheet" href="assets/plugins/bootstrap/dist/css/bootstrap.min.css">
	<link rel="stylesheet" href="assets/plugins/lity/dist/lity.min.css">
	<link rel="stylesheet" href="assets/style/flaticon.css">
	<link rel="stylesheet" href="assets/plugins/line-awesome/css/line-awesome.min.css">
	<link rel="stylesheet" href="assets/plugins/socicon/css/socicon.css">
	<link rel="stylesheet" href="assets/plugins/filament-sticky/fixedsticky.css">
	<link rel="stylesheet" href="assets/plugins/tether/dist/css/tether.min.css">
	<link rel="stylesheet" href="assets/style/style.css">

	<script src="assets/plugins/jquery/dist/jquery.min.js"></script>
	<script src="assets/plugins/tether/dist/js/tether.min.js"></script>
	<script src="assets/plugins/popper.js/dist/umd/popper.min.js"></script>
	<script src="assets/plugins/bootstrap/dist/js/bootstrap.min.js"></script>
	<script src="assets/plugins/lity/dist/lity.min.js"></script>
	<script src="assets/plugins/filament-fixed/fixedfixed.js"></script>
	<script src="assets/plugins/filament-sticky/fixedsticky.js"></script>

	<script src="assets/js/custom.js"></script>

</head>
<body>

<div class="wrapper"><!-- wrapper -->

	<section class="section section--header"><!-- section -->

		<header><!-- header -->
			<div class="content">
				<div class="header__handler">
					<div class="sidebar">
							<span class="hamburger">
								<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 129 129" enable-background="new 0 0 129 129" width="40px" height="40px">
									<g>
										<path d="m91.4,33.5h-53.8c-2.3,0-4.1,1.8-4.1,4.1 0,2.3 1.8,4.1 4.1,4.1h53.9c2.3,0 4.1-1.8 4.1-4.1-0.1-2.3-1.9-4.1-4.2-4.1z" fill="#FFFFFF"/>
										<path d="m91.4,87.4h-53.8c-2.3,0-4.1,1.8-4.1,4.1 0,2.3 1.8,4.1 4.1,4.1h53.9c2.3,0 4.1-1.8 4.1-4.1-0.1-2.3-1.9-4.1-4.2-4.1z" fill="#FFFFFF"/>
										<path d="m91.4,60.4h-53.8c-2.3,0-4.1,1.8-4.1,4.1 0,2.3 1.8,4.1 4.1,4.1h53.9c2.3,0 4.1-1.8 4.1-4.1-0.1-2.3-1.9-4.1-4.2-4.1z" fill="#FFFFFF"/>
									</g>
								</svg>
							</span>
						<ul class="sidebar__menu">
							<li class="sidebar__menu__item"><a href="index.html">Preview</a></li>
							<li class="sidebar__menu__item"><a href="faq.html">FAQ</a></li>
							<li class="sidebar__menu__item"><a href="documentation.html">Documentation</a></li>
							<li class="sidebar__menu__item"><a href="https://keenthemes.com/metronic/github" target="_blank">Github Access</a></li>
							<li class="sidebar__menu__item"><a href="reviews.html">Reviews</a></li>
							<li class="sidebar__menu__item active"><a href="changelog.html">Changelog</a></li>
							<li class="sidebar__menu__item"><a href="https://keenthemes.com/preview/metronic/" target="_blank">Old Metronic</a></li>
						</ul>
					</div>
					<a href="https://keenthemes.com" class="metronic__logo"><img src="assets/img/metronic_whitelogo.png" alt="Metronic"></a>
				</div>
				<div class="header__references">
					<a href="https://keenthemes.com/forums/forum/support/metronic5/" class="header__references_support" target="_blank">Support</a>
					<a href="http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes" class="header__references_purchase" target="_blank">Purchase</a>
				</div>
			</div>
		</header><!-- header END -->

		<div class="content"><!-- content -->

			<div class="intro"><!-- intro -->
				<img src="assets/img/logo_metronic_1.png" alt="Metronic">
				<h2 class="intro__title">The Ultimate Bootstrap Admin Theme Framework For Next Generation Applications</h2>
				<a href="www.youtube.com/watch?v=VIbMn0QHBlw" class="intro__video" data-lity>
					<span>Watch Video</span>
					<i class="glyph-icon flaticon-visible"></i>
				</a>
			</div><!-- intro END -->

			<div class="main__menu_wrap"><!-- main__menu_wrap -->
				<ul class="main__menu">
					<li class="main__menu__item "><a href="index.html">Preview</a></li>
					<li class="main__menu__item"><a href="faq.html">FAQ</a></li>
					<li class="main__menu__item"><a href="documentation.html">Documentation</a></li>
					<li class="main__menu__item"><a href="https://keenthemes.com/metronic/github" target="_blank">Github Access</a></li>
					<li class="main__menu__item"><a href="reviews.html">Reviews</a></li>
					<li class="main__menu__item active"><a href="changelog.html">Changelog</a></li>
					<li class="main__menu__item"><a href="https://keenthemes.com/preview/metronic/" target="_blank">Old Metronic</a></li>
				</ul>
			</div><!-- main__menu_wrap END -->

		</div><!-- content END -->
	</section><!-- section END -->

	<section class="section section--white section--padding"><!-- section -->
		<div class="content">

			<div class="contents contents-sidebar-wide"><!-- contents -->

				<div class="contents__box contents__box--left"><!-- contents__box -->
					<ul id="changelog" class="accordion">
						<li class="card accordion__item">
							<a class="collapsed" data-toggle="collapse" data-parent="#changelog" href="#v5-0-8-1" aria-expanded="false">
								<div class="accordion__item_top">
									<h5>Metronic v5.1.1 - 28 February, 2018</h5>
									<i class="accordion__item_top_icon"></i>
								</div>
							</a>
							<div id="v5-0-8" class="collapse show" role="tabpanel">
								<p>New</p>
								<ul>
									<li>New <code>PSD</code> files</li>
									<li>New <code>Sketch</code> files</li>
								</ul>
								<div class="space"></div>
							</div>
						</li>
						<li class="card accordion__item">
							<a class="collapsed" data-toggle="collapse" data-parent="#changelog" href="#v5-0-8" aria-expanded="false">
								<div class="accordion__item_top">
									<h5>Metronic v5.1 - 29 January, 2018</h5>
									<i class="accordion__item_top_icon"></i>
								</div>
							</a>
							<div id="v5-0-8" class="collapse show" role="tabpanel">
								<p>New</p>
								<ul>
									<li>New <code>Demo 8</code>. Preview <a href="https://keenthemes.com/metronic/preview/?demo=demo8" target="_blank">here</a>.</li>
									<li>New <code>Demo 9</code>. Preview <a href="https://keenthemes.com/metronic/preview/?demo=demo9" target="_blank">here</a>.</li>
									<li>New <code>Demo 10</code>. Preview <a href="https://keenthemes.com/metronic/preview/?demo=demo10" target="_blank">here</a>.</li>
									<li>New <code>Invoice v1</code>. Preview <a href="https://keenthemes.com/metronic/preview/?demo=default&page=snippets/invoices/invoice-1" target="_blank">here</a>.</li>
									<li>New <code>Invoice v2</code>. Preview <a href="https://keenthemes.com/metronic/preview/?demo=default&page=snippets/invoices/invoice-2" target="_blank">here</a>.</li>
								</ul>
								<div class="space"></div>
								<p>Updates &amp; Improvements</p>
								<ul>
									<li>Updated to the latest <code>Bootstrap</code> 4 Stable. See the <a href="http://blog.getbootstrap.com/2018/01/18/bootstrap-4/" target="_blank">changelog</a> for more info.</li>
									<li>Upgrade to Angular v5.2.0.</li>
								</ul>
								<div class="space"></div>
								<p>Fixes</p>
								<ul>
									<li>Remove duplicate double quotes for timeline-2 component</li>
									<li>Fix duplicate include <code>fullcalendar</code> plugin in Angular.</li>
									<li>Right aside issue in <code>Demo2</code> and <code>Demo 5</code>.</li>
									<li>Window resize handler optimization.</li>
									<li>Background color issue for focus state of outline buttons.</li>
									<li>Left aside menu scrollbar height autocalculate issue.</li>
									<li><code>Summernote</code> editor toolbar's z-index issue.</li>
									<li><code>Summernote</code> font styles(bold, italic) do not work.</li>
									<li><code>mDatatable</code> reset scroll position after content changed.</li>
									<li><code>mDatatable</code> fix local HTML table search by column name.</li>
									<li><code>mDatatable</code> for local HTML table, removed <code>span</code> tag from data source.</li>
									<li><code>mDatatable</code> display spinner on every AJAX request.</li>
									<li><code>mDatatable</code> fix error message position display.</li>
									<li><code>mDatatable</code> fix row details does not show the correct title on expand.</li>
									<li><code>mDatatable</code> Disable autoHide for locked columns table.</li>
									<li><code>mDatatable</code> trim extracted html-table values.</li>
								</ul>
								<div class="space"></div>
							</div>
						</li>
						<li class="card accordion__item">
							<a class="collapsed" data-toggle="collapse" data-parent="#changelog" href="#v5-0-7-1" aria-expanded="false">
								<div class="accordion__item_top">
									<h5>Metronic v5.0.7.1 - 15 January, 2018</h5>
									<i class="accordion__item_top_icon"></i>
								</div>
							</a>
							<div id="v5-0-7-1" class="collapse show" role="tabpanel">
								<p>New</p>
								<ul>
									<li>Github access to the Metronic's repositories. To register please click <a href="https://keenthemes.com/metronic/github">here</a>.</li>
								</ul>
								<div class="space"></div>
								<p>Fixes</p>
								<ul>
									<li><code>mDatatable</code> fix exclude empty parameters from request.</li>
								</ul>
								<div class="space"></div>
							</div>
						</li>
						<li class="card accordion__item">
							<a class="" data-toggle="collapse" data-parent="#changelog" href="#v5-0-7" aria-expanded="true">
								<div class="accordion__item_top">
									<h5>Metronic v5.0.7 - 11 January, 2018</h5>
									<i class="accordion__item_top_icon"></i>
								</div>
							</a>
							<div id="v5-0-7" class="collapse " role="tabpanel" aria-expanded="true" style="">
								<p>New</p>
								<ul>
									<li>New <a href="https://keenthemes.com/metronic/preview/?page=components/forms/controls/option&demo=default" target="_blank">Mega radio options</a> form control.</li>
									<li>New <a href="https://keenthemes.com/metronic/preview/?page=snippets/faq/faq-1&demo=default" target="_blank">FAQ page</a>.</li>
									<li>New <a href="https://keenthemes.com/metronic/preview/?page=components/forms/validation/form-controls&demo=default" target="_blank">Validation demo</a> for 4 columns form layout.</li>
									<li>New <a href="https://keenthemes.com/metronic/preview/?page=components/base/accordions&demo=default" target="_blank">Accordion layout</a>.</li>
									<li>New <a href="https://keenthemes.com/metronic/preview/?page=components/base/navs&demo=default" target="_blanl">Nav submenu feature</a>.</li>
									<li>New <a href="https://keenthemes.com/metronic/preview/?page=components/forms/wizard/wizard-5&demo=default" target="_blank">Form wizard layout</a>.</li>
								</ul>
								<div class="space"></div>
								<p>Updates &amp; Improvements</p>
								<ul>
									<li>Update to the latest <code>Bootstrap</code> 4 Beta 3. See the <a href="https://blog.getbootstrap.com/2017/12/28/bootstrap-4-beta-3/" target="_blank">changelog</a> for more info.</li>
									<li><code>mDatatable</code> <code>data.source.read.params</code> option will be sent as parameters to backend API service.</li>
									<li><code>mDatatable</code> ajax parameter namespace <code>datatable</code> is deprecated.</li>
									<li>Update to the latest <code>Summernote v0.8.9.</code></li>
									<li>Default demo: Remember sidebar toggle state in cookie for <code>Default Demo</code>.</li>
								</ul>
								<div class="space"></div>
								<p>Fixes</p>
								<ul>
									<li>Fix <code>mDatatable</code> local and server datasource filter conflict.</li>
									<li>Fix <code>Demo 4</code> layout z-index issue when modal window opened.</li>
									<li>Fix <code>Demo 4</code> layout content container overflow issue.</li>
									<li>Fix small size icon only buttons height issue.</li>
									<li>Fix <code>Portlet</code> collapse API function works inverse.</li>
									<li>Fix <code>Quicksidebar</code> messanges component's message aligment issue on wider width container.</li>
									<li>Fix <code>Quick search </code> input spinner icon position issue in all demos.</li>
									<li>Fix <code>Bootstrap Datetimepicker</code> form validation does not change state after value selection.</li>
								</ul>
								<div class="space"></div>
							</div>
						</li>
						<li class="card accordion__item">
							<a class="collapsed" data-toggle="collapse" data-parent="#changelog" href="#v5-0-6-1" aria-expanded="false">
								<div class="accordion__item_top">
									<h5>Metronic v5.0.6.1 - 28 December, 2017</h5>
									<i class="accordion__item_top_icon"></i>
								</div>
							</a>
							<div id="v5-0-6-1" class="collapse" role="tabpanel">
								<p>Fixes</p>
								<ul>
									<li>Fix <code>Markdown</code> plugin preview issue</li>
									<li>Fix <code>Demo 7</code> mobile header background color issue.</li>
									<li>Fix <code>gulp --prod</code> empty css file and minification issue.</li>
								</ul>
								<div class="space"></div>
							</div>
						</li>
						<li class="card accordion__item">
							<a class="collapsed" data-toggle="collapse" data-parent="#changelog" href="#v5-0-6" aria-expanded="false">
								<div class="accordion__item_top">
									<h5>Metronic v5.0.6 - 27 December, 2017</h5>
									<i class="accordion__item_top_icon"></i>
								</div>
							</a>
							<div id="v5-0-6" class="collapse" role="tabpanel">
								<p>New</p>
								<ul>
									<li>Demo 7</li>
									<li>3 Timeline components</li>
									<li>mWizard Custom Plugin</li>
									<li>4 Form wizard examples using mWizard plugin</li>
									<li>SweetAlert2 integration</li>
									<li>Accordion component</li>
									<li>Datatable responsive auto hide columns.</li>
									<li>Datatable 2 new row callbacks options <code>rows.beforeTemplate</code> and <code>rows.afterTemplate</code>.</li>
									<li>Datatable add new option <code>search.onEnter</code>, for search on <code>Enter</code> button keyup.</li>
									<li>Datatable <code>checkbox</code> extension for records selection.</li>
									<li>Datatable add <code>minHeight</code> option.</li>
								</ul>
								<div class="space"></div>
								<p>Changes & Improvements</p>
								<ul>
									<li>Bootstrap v4.0.0-beta.2 update</li>
									<li>Depreciate Bower and use Yarn instead. Now all 3rd party plugins are managed via NPM and Yarn</li>
									<li>Update all 3rd party plugins to their latest available versions</li>
									<li>Enable to export with the left aside for Demo 2 and Demo 5</li>
									<li>Bootstrap Select Bootstrap input group integration</li>
									<li>Select2 Bootstrap input group integration</li>
									<li>Added sidebar dropdown submenu "up" direction for all demos</li>
									<li>Removed <code>bower</code> dependencies manager and replaced with <code>yarn</code>.</li>
									<li>Datatable API support 2 methods. Eg. <code>datatable.methodName(args)</code> or <code>$(datatable).mDatatable(methodName, args);</code></li>
									<li>Datatable <code>rows.callback</code> option was deprecated.</li>
									<li>Datatable apply hover class when scroll is stopped.</li>
									<li>Dropzone demo add option <code>addRemoveLinks: true</code> for the link to remove the uploaded file.</li>
									<li>Sample Datatable API file rename from <code>employees</code> to <code>customers</code></li>
									<li>Angular HTML template modification, div class name m-wrapper moved to upper parent component. (To fix replication m-wrapper selector for all page components. Each component can have own selector.)</li>
									<li>Redraw Datatable layout on sidenav collapse/expand toggle.</li>
									<li>Bootstrap Session Timeout plugin update</li>
								</ul>
								<div class="space"></div>
								<p>Fixes</p>
								<ul>
									<li>Bootstrap Custom file input and select issues</li>
									<li>Datatable record per page dropdown zindex conflict with fixed footer</li>
									<li>Select 2 search field margin issue</li>
									<li>Minimized left aside hovered dropdown menu link background color issue</li>
									<li>Portlet tools icons tooltip issue</li>
									<li>Metronic's custom responsive utility classes(m-hidden-xx-and-m-visible-xx) are depreciated. Use Bootstraps one's instead</li>
									<li>Angular fix redundant include JS files.</li>
									<li>Fix generated sourcemaps in gulp compiler.</li>
									<li>Datatable fix table footer overlap the table content.</li>
									<li>Datatable fix subtable row even style.</li>
									<li>Datatable fix event <code>m-datatable--on-init</code> to be triggered on last initilizing process.</li>
									<li>Fix missing "No Records" message on locked columns datatable.</li>
									<li>Fix Datatable <code>pageSizeSelect</code> option cannot be changed by options.</li>
									<li>Fix Datatable ID to prevent duplicate cookies.</li>
									<li>If Datatable meta object missing, fallback to local pagination.</li>
									<li>Datatable sub-table fix even-odd style class.</li>
									<li>Bootstrap modal hides the body scrollbar that causes page content jumping</li>
									<li></li>
								</ul>
								<div class="space"></div>
							</div>
						</li>
						<li class="card accordion__item">
							<a data-toggle="collapse" data-parent="#changelog" href="#v5-0-5" aria-expanded="false">
								<div class="accordion__item_top">
									<h5>Metronic v5.0.5 - 13 November, 2017</h5>
									<i class="accordion__item_top_icon"></i>
								</div>
							</a>
							<div id="v5-0-5" class="collapse" role="tabpanel">
								<p>New</p>
								<ul>
                                    <li>New Demo 6</li>
                                    <li>New Pricing Table component.</li>
									<li>Angular 5.0 update</li>
									<li>Datatable API show and hide column, <code>hideColumn</code> and <code>showColumn</code>.</li>
									<li>Datatable API <code>getDataSet</code> to get all data in the grid.</li>
                                    <li>Datatable option for custom mapping on received data.</li>
									<li>Added skeleton project for Angular version</li>
								</ul>
								<div class="space"></div>
								<p>Changes & Improvements</p>
								<ul>
									<li>Theme folder restructure.</li>
									<li>Renamed folder for static HTML from <code>html</code> to <code>default</code>.</li>
									<li>Datatable variable name changed, <code>fullJsonData</code> to <code>originalDataSet</code>.</li>
									<li>Separate build.json file configs for default (HTML) version and Angular version.</li>
								</ul>
								<div class="space"></div>
								<p>Fixes</p>
								<ul>
									<li>Remove PHP preview links from documentation.</li>
									<li>Sidebar submenu toggle issue with default minimized sidebar layout.</li>
									<li>Fix Angular version aside menu initialized twice.</li>
								</ul>
								<div class="space"></div>
							</div>
						</li>
						<li class="card accordion__item">
							<a data-toggle="collapse" data-parent="#changelog" href="#v5-0-4-2" aria-expanded="false">
								<div class="accordion__item_top">
									<h5>Metronic v5.0.4.2 - 30 October, 2017</h5>
									<i class="accordion__item_top_icon"></i>
								</div>
							</a>
							<div id="v5-0-4-2" class="collapse" role="tabpanel">
								<p>Fixes</p>
								<ul>
									<li>Gulp missing demo list</li>
								</ul>
								<div class="space"></div>
							</div>
						</li>
						<li class="card accordion__item">
							<a data-toggle="collapse" data-parent="#changelog" href="#v5-0-4-1" aria-expanded="false">
								<div class="accordion__item_top">
									<h5>Metronic v5.0.4.1 - 30 October, 2017</h5>
									<i class="accordion__item_top_icon"></i>
								</div>
							</a>
							<div id="v5-0-4-1" class="collapse" role="tabpanel">
								<p>Fixes</p>
								<ul>
									<li>Angular version source files fix</li>
								</ul>
								<div class="space"></div>
							</div>
						</li>
						<li class="card accordion__item">
							<a data-toggle="collapse" data-parent="#changelog" href="#v5-0-4" aria-expanded="false">
								<div class="accordion__item_top">
									<h5>Metronic v5.0.4 - 30 October, 2017</h5>
									<i class="accordion__item_top_icon"></i>
								</div>
							</a>
							<div id="v5-0-4" class="collapse" role="tabpanel">
								<p>New</p>
								<ul>
									<li>Online Layout Builder.</li>
									<li>Datatable row callback function.</li>
									<li>3 Pricing Table components.</li>
									<li>Form Repeater plugin integration.</li>
								</ul>
								<div class="space"></div>
								<p>Changes & Improvements</p>
								<ul>
									<li>Portlet tools lazy initialization.</li>
									<li>Topbar notification read item state.</li>
									<li>Datatable support request method <code>GET</code> or <code>POST</code>.</li>
									<li>Datatable internal search handler by providing search input.</li>
									<li>Datatable setSelectedRecords() function internally call before getSelectedRecords().</li>
									<li>Datatable options name change, <code>searchDelay:400</code> option node changed to <code>search:{delay:400}</code></li>
								</ul>
								<div class="space"></div>
								<p>Fixes</p>
								<ul>
									<li>Page level blockUI issue</li>
									<li>Fullcalendar logn event state color issue.</li>
									<li>Warning message on portlet tools hover.</li>
									<li>Quick sidebar settings switch controls issue.</li>
									<li>Bootstrap Tooltip conflict with jquery ui draggable portlets.</li>
									<li>Nested portlet tools does not work.</li>
									<li>Portlet  remove button issue on fullscreen mode.</li>
									<li>Portlet tools remove button issue on fullscreen mode.</li>
									<li>Fixed Datatable remote request parameter extend.</li>
									<li>Fixed Datatable local sort not working if pagination is disabled.</li>
								</ul>
								<div class="space"></div>
							</div>
						</li>
						<li class="card accordion__item">
							<a data-toggle="collapse" data-parent="#changelog" href="#v5-0-3" aria-expanded="false">
								<div class="accordion__item_top">
									<h5>Metronic v5.0.3 - 5 October, 2017</h5>
									<i class="accordion__item_top_icon"></i>
								</div>
							</a>
							<div id="v5-0-3" class="collapse" role="tabpanel">
								<p>New</p>
								<ul>
									<li>Fullcalendar Integration</li>
									<li>6 Error pages</li>
									<li>Gradient buttons</li>
									<li>Portlet tools(reload, collapse/expand, remove, fullscreen)</li>
									<li>Creative Portlet Option</li>
									<li>Include Headers into the API request in <code>Metronic Datatable</code>.</li>
									<li>Local sorting support with data types string, number and date in <code>Metronic Datatable</code>.</li>
									<li>Support datasource from HTML table in <code>Metronic Datatable</code>.</li>
									<li><code>Metronic Datatable</code> new public API <code>getTotalRows()</code>.</li>
									<li><code>Metronic Datatable</code> new option for <code>searchDelay</code> default to 400ms.</li>
									<li>Added new <code>demo5</code></li>
								</ul>
								<div class="space"></div>
								<p>Changes & Improvements</p>
								<ul>
									<li>Datatable support request method <code>GET</code> or <code>POST</code>.</li>
									<li>Replace Bootstrap Select Splitter with
										<a href="https://github.com/poolerMF/bootstrap-multiselectsplitter" target="_blank">
											Bootstrap Multi Select Splitter
										</a>
									</li>
									<li>Hide pagination number if there is only 1 page left for <code>Metronic Datatable</code>.</li>
									<li>Pagination optimization and improvement in <code>Metronic Datatable</code>.</li>
									<li>Fix local sort with remote datasource in <code>Metronic Datatable</code>.</li>
								</ul>
								<div class="space"></div>
								<p>Fixes</p>
								<ul>
									<li>Datatable selector fix for parent of child table.</li>
									<li>User profile page responsive layout issue</li>
									<li>Demo 2 light dropdown submenu issue</li>
									<li>Tabbed portlets mobile mode issue</li>
									<li>Combination of bordered and stripped rows tables border color issue</li>
									<li>Broken logout links in other demos except default demo</li>
									<li>Broken logout links in other demos except default demo</li>
									<li>Daterangepicker date range selection color issue</li>
									<li>Offcanvas menu close on click for HTML and Angular versions</li>
									<li>Removed duplicate demo assets folder.</li>
									<li>Fixed overflow contents, if all columns width are disabled in <code>Metronic Datatable</code> plugin.</li>
									<li>Fixed layout builder path</li>
									<li>Fixed <code>Metronic Datatable</code> always perform request data from remote when window resized.</li>
									<li>Bootstrap Maxlength z-index conflict with modal</li>
								</ul>
								<div class="space"></div>
							</div>
						</li>
						<li class="card accordion__item">
							<a data-toggle="collapse" data-parent="#changelog" href="#v5-0-2" aria-expanded="false">
								<div class="accordion__item_top">
									<h5>Metronic v5.0.2 - 11 September, 2017</h5>
									<i class="accordion__item_top_icon"></i>
								</div>
							</a>
							<div id="v5-0-2" class="collapse" role="tabpanel">
								<p>Fixes</p>
								<ul>
									<li><code>Demo 4</code> horizontal menu's submenu z-index issue.</li>
									<li>Metronic Datatable plugin performance optimization.</li>
								</ul>
								<div class="space"></div>
							</div>
						</li>
						<li class="card accordion__item">
							<a data-toggle="collapse" data-parent="#changelog" href="#v5-0-1" aria-expanded="false">
								<div class="accordion__item_top">
									<h5>Metronic v5.0.1 - 11 September, 2017</h5>
									<i class="accordion__item_top_icon"></i>
								</div>
							</a>
							<div id="v5-0-1" class="collapse" role="tabpanel">
								<p>New</p>
								<ul>
									<li>Added new <code>Demo 3</code> demo.</li>
									<li>Added new <code>Demo 4</code> demo.</li>
									<li>Added HTML generator option in demo the layout builder.</li>
								</ul>
								<br>
								<p>Changes & Improvements</p>
								<ul>
									<li>Implemented submenu close on repeat click on the same menu item.</li>
									<li>Added mobile menu close sticky close button.</li>
									<li>Updated Angular NGBootstrap and PrimeNG page notice.</li>
									<li>Added gulp task argument <code>gulp --prod</code> build assets and force JS and CSS minify.</li>
									<li>Added gulp watcher by cmd <code>gulp watch</code> or separate watchers <code>gulp watch:js</code>, <code>gulp watch:scss</code></li>
								</ul>
								<br>
								<p>Fixes</p>
								<ul>
									<li><code>Demo 2</code> responsive mode issues.</li>
									<li><code>Default</code> header minimize mode does not work</li>
									<li>Toastr error state does not work.</li>
									<li>Dropdown hover does not work below 1200px breakpoin.t</li>
									<li>Angular Tooltips, Popover, Scrollable pages plugin not properly initialized.</li>
									<li>Metronic Datatable plugin to prevent showing loading bar on click group checkbox.</li>
									<li>Metronic Datatable plugin, sort by first column caused page to freeze.</li>
									<li>Angular recaptcha demo page error.</li>
									<li>Angular AmCharts Map demo page, did not work if get there from other pages.</li>
									<li>Fix dropzone plugin not properly initialize in Angular demo page.</li>
									<li>Fix bootstrap markdown plugin not properly initialize in Angular demo page.</li>
									<li>Gulp CSS path rewriter for non-Windows.</li>
									<li>Wrong Metronic icon path in bundle CSS.</li>
									<li>Gulp compile set <code>config.demo</code> in build.json file will cause error.</li>
									<li>jsUglify and cssMinify set to true, but some compiled assets are not minified</li>
									<li>Gulp watcher stops on error occured.</li>
								</ul>
								<div class="space"></div>
							</div>
						</li>
						<li class="card accordion__item">
							<a data-toggle="collapse" data-parent="#changelog" href="#v5-0" aria-expanded="false">
								<div class="accordion__item_top">
									<h5>Metronic v5.0 - 28 August, 2017</h5>
									<i class="accordion__item_top_icon"></i>
								</div>
							</a>
							<div id="v5-0" class="collapse" role="tabpanel">
								<ul>
									<li>Initial Release</li>
								</ul>
								<div class="space"></div>
							</div>
						</li>
					</ul>
					<!-- accordion END -->
				</div><!-- contents__box END -->

				<div class="contents__sidebar contents__sidebar--doc"><!-- contents__sidebar -->

					<div class="contents__sidebar_blocks" style="margin-bottom: 50px;">
						<h3 class="title_h3">Custom Work</h3>
						<p>
							If you need the theme customization or custom development services please contact us to get a free quote:
						</p>
						<a class="button_purple" href="https://keenthemes.com/hireus/" target="_blank">Hire Us</a>
					</div>

					<div class="contents__sidebar_blocks" style="margin-bottom: 50px;">
						<h3 class="title_h3">License Notice</h3>
						<p>
							A single license can be used only for one domain or client. Each use of the theme requires a separate license. We hope you will follow the rules as it will help us to continue supporting our themes and providing a free future updates.
						</p>
						<a href="https://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes" class="button_purple" target="_blank">GET A NEW LICENSE</a>
					</div>

					<div class="contents__sidebar_blocks" style="margin-bottom: 50px;">
						<h3 class="title_h3">Theme Support</h3>
						<p>
							Please ensure that your support subscription is active to receive any further support. To check your support subscription status here.
						</p>
						<a href="https://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes" class="button_purple" target="_blank">Renew Subscription</a>
					</div>

					<div class="contents__sidebar_blocks">
						<h3 class="title_h3">Become An Affiliate</h3>
						<p>
							You can support our theme by referring a new users from your site or blog and earn with themeforest's affiliate program.
						</p>
						<a href="http://themeforest.net/make_money/affiliate_program" class="button_purple" target="_blank">Get More Info</a>
					</div>

				</div><!-- contents__sidebar END -->

			</div><!-- contents END -->

		</div>
	</section><!-- section END -->

	<section class="section section--bg"><!-- section -->
		<div class="content">
			<h2 class="title text-center">The Ultimate Bootstrap Admin Theme Trusted By Over 50,000 Developers World Wide</h2>
			<div class="text-center">
				<a href="https://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes" target="_blank" class="button">PURCHASE NOW</a>
			</div>
		</div>
	</section><!-- section END -->

	<footer>
		<img src="assets/img/logo_keenthemes_2.png" alt="">
		<form action="//keenthemes.us3.list-manage.com/subscribe/post?u=b10f23244c11e2946463ea844&amp;id=3aba0b6220" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
			<div class="subscribe">
				<input type="email" name="EMAIL" placeholder="Enter your email to subscribe newsletter">
				<button type="submit" name="subscribe">Submit</button>
			</div>
		</form>

		<div class="socials">
			<a href="http://twitter.com/keenthemes" target="_blank"><i class="socicon-twitter"></i></a>
			<a href="http://facebook.com/keenthemes" target="_blank"><i class="socicon-facebook"></i></a>
			<a href="https://dribbble.com/keenthemes" target="_blank"><i class="socicon-dribbble"></i></a>
			<a href="http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes" target="_blank"><i class="socicon-envato" alt=""></i></a>
		</div>
	</footer>

</div><!-- wrapper END -->

<div class="cover-layout"></div>

<script>
  // Bind as an event handler
  $(document).ready(function() {
    $('.intro__video').on('click', '[data-lightbox]', lity);
  });
</script>

</body>
</html>
